<template>
	<div class="wrapper">
		<el-form :model="forms">
			<el-form-item>
				<q-multiple-select-check-box v-model="forms.opt" :options="options" />
			</el-form-item>
		</el-form>
	</div>
</template>
<script setup lang="ts">
	import { ref, reactive } from 'vue';
	const forms = reactive({
		opt: [],
	});

	const options = ref([
		{
			value: 'Option1',
			label: 'label1',
			online: 1,
		},
		{
			value: 'Option2',
			label: 'label2',
			online: 1,
		},
		{
			value: 'Option3',
			label: 'label3',
			online: 2,
		},
		{
			value: 'Option4',
			label: 'label4',
			online: 1,
		},
		{
			value: 'Option5',
			label: 'label5',
			online: 1,
		},
	]);
	const handleSubmit = () => {
		console.log('forms', forms.opt);
	};
</script>
<style lang="scss">
	.wrapper {
		padding: 20px;
	}
</style>
